<template>
  <el-dialog
          title="预览"
          width="600"
          :visible.sync="dialogVisible"
          :modal-append-to-body="true"
          :append-to-body="true"
          @close="$emit('update:visible',false)">
    <div style="padding:10px 0;">
      <el-carousel height="500px" :autoplay="false">
        <el-carousel-item v-for="item in showImgObj" :key="item">
          <div class="banner-list">
            <img :src="item" alt="">
          </div>
        </el-carousel-item>
      </el-carousel>
    </div>
  </el-dialog>
</template>
<script>
  export default {
    name: 'previewImgDialog',
    props: ['visible', 'showImgObj'],
    watch: {
      visible () {
        this.dialogVisible = this.visible
      }
    },
    data () {
      return {
        dialogVisible: this.visible
      }
  },
    created () {
    },
    methods: {}
  }
</script>

